@layout("/common/_container.html",{js:["/assets/hx/storage/hxStorageStock/hxStorageStock_add.js"]}){
<style>
    .layui-badge-rim, .layui-colla-content, .layui-colla-item, .layui-collapse, .layui-elem-field, .layui-form-pane .layui-form-item[pane], .layui-form-pane .layui-form-label, .layui-input, .layui-layedit, .layui-layedit-tool, .layui-quote-nm, .layui-select, .layui-tab-bar, .layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
        border-color: #89d19d;
    }
    .layui-form-pane .layui-form-label {
        background-color: #e6e6e6;
    }
</style>
<div class="layui-body-header">
    <span class="layui-body-header-title">添加</span>
</div>

<div class="layui-fluid " style="">
    <div class="layui-card">
        <div class="layui-card-body">
            <form id="storageStockForm" lay-filter="storageStockForm" class="layui-form layui-form-pane" style="max-width: 700px;margin: 10px auto;">
                <input name="id" type="hidden"/>

                <fieldset class="layui-elem-field layui-field-title" style="margin-top: 1px;">
                    <legend>录入库存信息</legend>
                </fieldset>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">项目名称<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <select id="operateId" name="operateId" lay-filter="operateId" lay-verify="required" required>
                            @for(item in basicOperatelist!){
                            <option value="${item.id}">${item.operateName}</option>
                            @}
                        </select>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">客户名称<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <select id="customerId" name="customerId" lay-filter="customerId" lay-verify="required" required>
                            @for(item in customerlist!){
                            <option value="${item.id}">${item.customerName}</option>
                            @}
                        </select>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">仓库名称<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <select id="warehouseId" name="warehouseId" lay-filter="warehouseId" lay-verify="required" required>
                            <option value=""></option>
                            @for(item in basicWarehouseList!){
                            <option value="${item.id}">${item.warehouseName}</option>
                            @}
                        </select>
                    </div>
                </div>

                <!-- <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">库区编号<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <select id="areaId" name="areaId" lay-filter="areaId" lay-verify="required" required>
                            <option value=""></option>
                        </select>
                    </div>
                </div> -->

                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">库位编号<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <input id="areaId" name="areaId" type="hidden">
                        <input id="positionId" name="positionId" type="hidden">
                        <input id="positionNumber" name="positionNumber" placeholder="请选择库位" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
                        <button type="button" class="layui-btn layui-btn-primary" id="choicePosition" style="position: absolute;right: 1px;cursor: pointer;top: 2px"><i class="layui-icon">&#xe615;</i></button>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">商品名称<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <input id="goodsId" name="goodsId" type="hidden">
                        <input id="goodsName" name="goodsName" placeholder="请选择商品名称" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
                        <button type="button" class="layui-btn layui-btn-primary" id="choiceGoods" style="position: absolute;right: 1px;cursor: pointer;top: 2px"><i class="layui-icon">&#xe615;</i></button>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">商品编号<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <input id="goodsNumber" name="goodsNumber" placeholder="请输入商品编号" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
                    </div>
                </div>

                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">数量<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <input id="kcNum" name="kcNum" placeholder="请输入数量" type="text" class="layui-input" lay-verify="required" required/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">生产日期<span style="color: red;">*</span></label>
                    <div class="layui-input-block">
                        <input id="detailedDate" name="detailedDate" placeholder="请选择生产日期" type="text" class="layui-input" lay-verify="required" required readonly="readonly" style="background: #E7EAED"/>
                    </div>
                </div>
                <div class="layui-form-item">
                    <label class="layui-form-label" style="font-weight: 600;">发货客户</label>
                    <div class="layui-input-block">
                        <input id="setUnitId" name="setUnitId" type="hidden">
                        <input id="setUnit" name="setUnit" placeholder="请选择发货客户" type="text" class="layui-input" lay-verify="" required readonly="readonly" style="background: #E7EAED"/>
                        <button type="button" class="layui-btn layui-btn-primary" id="reset" style="position: absolute;right: 1px;cursor: pointer;top: 1px"><i class="layui-icon">&#xe666;</i></button>
                    </div>
                </div>
                <div class="layui-form-item">
                    <div class="layui-input-block">
                        <button class="layui-btn" lay-filter="btnSubmit" lay-submit>&emsp;提交&emsp;</button>
                        <button class="layui-btn layui-btn-primary" type="button" id="backupPage">&emsp;返回&emsp;</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
</div>

@}